<!DOCTYPE html>
<!-- saved from url=(0122)https://yuedu.reader.qq.com/common/common/down/dist/index.html?ch=200001047&qurl=uniteqqreader://nativepage/feed/recommend -->
<html style="font-size: 100px;">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
  <meta name="format-detection" content="telephone=no,email=no">
  <title>QQ阅读</title>
  <link href="../css/chunk-vendors.805505d5.css" rel="preload" as="style">
  <link href="../css/index.98c58113.css" rel="preload" as="style">
  <link href="../css/chunk-vendors.805505d5.css" rel="stylesheet">
  <link href="../css/index.98c58113.css" rel="stylesheet">
  <style>
    .swiper {
      width: 600px;
      height: 300px;

      position: relative;
      top: 100px;
      left: 0px;
    }

    .swiper-container {
      width: 600px;
      height: 300px;
    }
  </style>
</head>

<body>
  <div id="app">
    <div class="y-downloadApp">
      <div class="downloadApp-logo"></div>
      <div class="downloadApp-info">
        <p class="downloadApp-title">QQ阅读客户端</p>
        <p class="downloadApp-desc">海量原著，想读就读</p>
      </div>
      <div class="downPcApp"><a href="http://book.qq.com/" title="返回首页" class="pcLogo"></a>
        <div class="btn btnr"> 扫码下载 <p class="animateQRCodeIn" style="display: none;"><img
              src="">
          </p>
        </div>
        <div class="btn btnl"> 下载安卓应用 </div>
        <div class="btn btnl"> AppStore </div>
      </div>
      <div class="bottom">
        <div class="msg"> 开发者：上海阅文信息技术有限公司<br>版本：7.6.7 </div>
        <div class="link"><span class="blue"> 权限详情 </span> ｜ <span class="blue"> 隐私政策 </span></div>
      </div>
      <!---->
    </div>
    <div class="swiper">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="../static/banner/freebook1.png" alt="" style="width: 100%;height: 100%;">
          </div>
          <div class="swiper-slide">
            <img src="../static/banner/freebook2.png" alt="" style="width: 100%;height: 100%;">
          </div>
          <div class="swiper-slide">
            <img src="../static/banner/freebook3.png" alt="" style="width: 100%;height: 100%;">
          </div>
          <div class="swiper-slide">
            <img src="../static/banner/freebook4.png" alt="" style="width: 100%;height: 100%;">
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev" style="top: 160px;"></div>
        <div class="swiper-button-next" style="top: 160px;"></div>
      </div>

    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.8.0/swiper-bundle.min.js"></script>

    <script>
      var mySwiper = new Swiper('.swiper-container', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true, //等同于以下设置

        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },

        // 如果需要前进后退按钮
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },

      })
    </script>

</body>

</html>